.item {
  display: flex;
  align-items: center;
  height: 40px;
  border-bottom: 1px solid var(--odc-border-color);
  cursor: pointer;
  &.itemDisable {
    cursor: unset;
  }
  &:not(.itemDisable):hover {
    background-color: var(--hover-color);
  }
  .block {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .status {
    flex: 0;
    flex-basis: 36px;
    padding-right: 8px;
    padding-left: 12px;
  }
  .name {
    flex: 0;
    flex-basis: 30%;
  }
  .desc {
    flex: 1;
    color: var(--text-color-hint);
  }
  .users {
    flex: 0;
    flex-basis: 20%;
    min-width: 260px;
    color: var(--text-color-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
